<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <title>天气预报</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/weatherConditions.css">
    <link rel="stylesheet" href="../css/forecast.css">
    <script src="../jscript/jquery-2.0.3.js"></script>
    <!--<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>-->
    <script src="../jscript/echarts.js"></script>
    <script src="../js/public.js"></script>
</head>
<body>
<div class="wrap">
    <section class="wrapper_weatherConditions" id="wrapper_weatherConditions">
        <div class="area_weatherConditions">
            <span class="position_weatherConditions"></span>
            <span class="areaName_weatherConditions">商河</span>
        </div>
        <!--<div class="weatherIcon_weatherConditions">-->
        <!--<img src="./../images/img/CLEAR_DAY.png" alt="">-->
        <!--</div>-->
        <!--<div class="temperature_weatherConditions">-->
        <!--<span class="num_weatherConditions">20</span>-->
        <!--<span class="mark_weatherConditions">°C</span>-->
        <!--</div>-->
        <!--<div class="details_weatherConditions">-->
        <!--<div class="item_weatherConditions">-->
        <!--<img class="pressure_weatherConditions" src="./../images/icon/pressure.png" alt="">-->
        <!--<ul class="ul_weatherConditions">-->
        <!--<li>气压</li>-->
        <!--<li>200Mpa</li>-->
        <!--</ul>-->
        <!--<span class="line_weatherConditions"></span>-->
        <!--</div>-->
        <!--<div class="item_weatherConditions">-->
        <!--<img class="wind_weatherConditions" src="./../images/icon/wind.png" alt="">-->
        <!--<ul class="ul_weatherConditions">-->
        <!--<li>西北风</li>-->
        <!--<li>四级</li>-->
        <!--</ul>-->
        <!--<span class="line_weatherConditions"></span>-->
        <!--</div>-->
        <!--<div class="item_weatherConditions">-->
        <!--<img class="humidity_weatherConditions" src="./../images/icon/humidity.png" alt="">-->
        <!--<ul class="ul_weatherConditions">-->
        <!--<li>湿度</li>-->
        <!--<li>80%</li>-->
        <!--</ul>-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="description_weatherConditions">未来2小时的降水量</div>-->
    </section>
    <div class="forecastCharts">
        <h5 class="ellipsis">未来两小时有降雨 记得带伞哦~</h5>
        <div id="chartsWrap" class="chartsWrap"></div>
        <ul class="description">
            <li>大</li>
            <li>中</li>
            <li>小</li>
        </ul>
    </div>
    <!--24小时逐3小时预报-->
    <div class="hour">
        <h4>未来24小时预报</h4>
        <div class="hourWrap">
            <ul id="hourWrap">
                <!--<li class="list">-->
                    <!--<p class="time">23:00</p>-->
                    <!--<p class="weatherIcon"><img src="" alt=""></p>-->
                    <!--<p class="temperature">20℃</p>-->
                <!--</li>-->
            </ul>
        </div>
    </div>
   <div class="bottom">
        <h5>商河7日天气预报</h5>
        <div class="weekWrap">
            <ul id="weekList" class="weekList">
               
            </ul>
            
            <h5>商河未来一周建议</h5>
            <ol class="suggests">
            		
            </ol>
            <br />
        </div>
    </div>
</div>
</body>
</html>
<script src="../js/forecast.js"></script>
<script>

</script>